<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>人人爱交友</title>
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <nav>
        <div class="container">
            <a class="brand" href="index.html">
                <img class="logo" src="img/icon.png" alt="logo">
                <span>人人爱交友</span>
            </a>
        </div>
    </nav>
    <div class="l-show">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a class="btn btn-download" href="#">iPhone下载</a>
                </div>
                <div class="col-md-8 text-right">
                    <img src="img/show.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="l-feature">
        <div class="container">
            <ul class="row lst-feature text-center">
                <li class="col-md-3">
                    <i></i>
                    <h3>遇见缘分</h3>
                    <p>抓住眼前的怦然心动</p>
                </li>
                <li class="col-md-3">
                    <i></i>
                    <h3>及时沟通</h3>
                    <p>随时随地谈恋爱</p>
                </li>
                <li class="col-md-3">
                    <i></i>
                    <h3>生活动态</h3>
                    <p>全面了解身边的ta</p>
                </li>
                <li class="col-md-3">
                    <i></i>
                    <h3>用户认证</h3>
                    <p>让交友更加安全有保障</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="l-aboutus">
        <div class="container text-center">
            <h2 class="title">关于我们</h2>
            
            <p>人人爱交友是基于移动互联网的大型异性恋爱交友平台。</p>
            <p>在这里，你可以谈恋爱也可以交朋友在这里。在这里，你可以和你心仪的ta随时随地线上沟通。</p>
            <p>在这里，你可以通过资料和动态全面快速了解现实中的ta是怎么样子的一个人。</p>
            <p>愿得一人心，白首不相离，哪怕只是近一点，为爱奔跑吧。</p>
        </div>
    </div>
    <div class="l-copyright">
        <a href="#">沪ICP备11046384号-4</a>
        <span>人人爱交友</span>
    </div>
</body>

</html>